<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-7 col-sm-9 col-md-9 text-center"><a [routerLink]="item?.volumesVo?.link">{{item?.volumesVo?.title}}</a></div>
        <div class="col-3 col-sm-2 col-md-2 text-center"><a href="javascript:;" role="button" class="btn sidePanelDrawer" title="版块主页"><i class="ico mdi mdi-menu"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="alert alert-warning" role="alert" *ngIf="errorMessage.length>0">
        {{errorMessage}}
    </div>
    <div class="container" *ngIf="item">
        <div class="row" id="embed_page_title">
            <h5 class="body_header col-12 col-sm-12 col-md-12 default-txt-color">
                {{item.boardVo.title}}
                <span class="float-right btn-group" role="group" style="margin:0">
                    <a role="button" href="javascript:;" class="btn btn-sm btn-primary star-board" (click)="favorite($event)" *ngIf="canFavorited"><i class="ico-sm mdi mdi-favorite" aria-hidden="true"></i> 收藏</a>
                    <a role="button" href="javascript:;" class="btn btn-sm btn-light" *ngIf="!canFavorited"><i class="ico-sm ico-color-red mdi mdi-favorite" aria-hidden="true"></i> 已收藏</a>
                    <button type="button" class="btn btn-sm btn-light favoriteCounter" disabled="disabled">{{statsVo.favorites}}</button>
                </span>
            </h5>
            <!-- 页顶的统计信息开始 -->
            <div class="col-12 col-sm-12 col-md-12">
                <ul class="list-inline" id="board-stats-section"> 
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-looks"></i> &nbsp;<span>{{statsVo.threads}}</span></li>
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-comment"></i> &nbsp;<span>{{statsVo.replies}}</span></li>
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-star"></i> &nbsp;<span>{{statsVo.todayTopics}}</span></li>   
                </ul>
            </div>
            <!-- 页顶的统计信息结束 -->
        </div>
        <!-- 话题列表开始 -->
        <app-threads-infinite-scroll-list [board]="item.boardVo" [category]="threadsCategory" [page]="page" [pageSize]="pageSize"></app-threads-infinite-scroll-list>
        <!-- 话题列表结束 -->
    </div>
    <!-- 分页开始 -->
    <!-- 分页结束 -->
</div>
<!-- 底部工具开始 -->
<div class="fixed-bottom">
    <section id="sideTool" data-tools="theme">
        <ul>
            <li [ngSwitch]="item?.boardVo?.status">
                <a *ngSwitchCase="'4'" [routerLink]="['/topic/create']" [queryParams]="{volumes:(item.boardVo.volumes), board:(item.boardVo.id)}"><i class="ico-sm mdi mdi-edit"></i></a>
                <a *ngSwitchCase="'1'" href="javascript:;"><i class="ico-sm mdi mdi-lock" aria-hidden="true"></i></a>
                <a *ngSwitchDefault href="javascript:;"><i class="ico-sm mdi mdi-block" aria-hidden="true"></i></a>
            </li>
        </ul>
    </section>
</div>
<!-- 底部工具结束 -->